import { Link, Outlet } from 'react-router-dom'
import ThemeDiv from '@/components/ThemeDiv'
import { Image } from 'antd'

export default function Layout() {
  return (
    <div className='w-full h-full box-border flex flex-col'>
      <ThemeDiv bgColor="primary" textColor="white" className='w-full box-border p-4 shadow-md'>
        <nav className='w-full flex items-center justify-between'>
          <div className='flex items-center space-x-6'>
            <Image
              width={120}
              src='/assets/image/logohead.png'
              preview={false}
            />
            <div>矿石破碎流程模拟系统</div>
          </div>
        </nav>
      </ThemeDiv>
      <main className='w-full box-border flex-1 overflow-y-auto'>
        <Outlet />
      </main>
      <ThemeDiv bgColor="primary" textColor="white" className='w-full box-border p-4 text-center'>
        © {new Date().getFullYear()} My App. All rights reserved.
      </ThemeDiv>
    </div>
  )
} 